{{!
    This file is part of Moodle - http://moodle.org/

    Moodle is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Moodle is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
}}
{{!
    @template mod_lti/tool_configure

    This template provides the layout for the external tool configuration page in the
    LTI module.

    Classes required for JS:
    * none

    Data attributes required for JS:
    * none

    Context variables required for this template:
    *

}}
<h2>{{#str}} manage_external_tools, mod_lti {{/str}}</h2>
<div class="container-fluid">
    <div id="main-content-container">
        <div id="registration-form-container" aria-live="polite">
            <div id="registration-feedback-container" aria-live="polite"></div>
            <div id="registration-choice-container" class="centered-menu">
                <div class="well">
                    <p class="lead">{{#str}} autoaddtype, mod_lti {{/str}}</p>
                    <form class="form-horizontal" id="add-tool-form">
                        <div class="control-group">
                            <input name="url"
                                class="input-large"
                                type="url"
                                id="tool-url"
                                placeholder="{{#str}} toolurlplaceholder, mod_lti {{/str}}"
                                required>
                            <button id="tool-create-button" type="submit" class="btn btn-success">
                                <span class="btn-text">{{#str}} add {{/str}}</span>
                                <div class="btn-loader">
                                    {{> mod_lti/loader }}
                                </div>
                            </button>
                        </div>
                    </form>
                    <p>{{#str}} manuallyaddtype, mod_lti, {{{configuremanualurl}}} {{/str}}</p>
                    <p><a href="{{{ managetoolsurl }}}">{{#str}} manage_tools, mod_lti {{/str}}</a><br/><a href="{{{ managetoolproxiesurl}}}">{{#str}} manage_tool_proxies, mod_lti {{/str}}</a></p>
                </div>
            </div>
            <div id="cartridge-registration-container" aria-live="polite" class="hidden">
                {{> mod_lti/cartridge_registration_form }}
            </div>
            <div id="external-registration-container" aria-live="polite" class="hidden">
                {{> mod_lti/external_registration }}
            </div>
        </div>

        <div id="tool-list-container" class="loading">
            {{> mod_lti/tool_list }}
        </div>
    </div>
</div>
{{#js}}
    require(['mod_lti/tool_configure_controller'], function(controller) {
        controller.init();
    });
{{/js}}
